<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, provide } from 'vue';
import axiosInstance from './loginAxios.js';

// 初始化为空对象，用于存储用户信息（已登录用户情况）
const userInfo = ref({});

const fetchUserInfo = async () => {
  try {
    const userEmail = localStorage.getItem('userEmail');
    const data = { userEmail };
    const response = await axiosInstance.post('/users/me', data);
    if (response.data.success) {
      userInfo.value = response.data.user;
    } else {
      console.error('获取用户详细信息失败：', response.data.message);
    }
  } catch (error) {
    console.error('获取用户详细信息出现错误:', error);
  }
};

// 在组件挂载后获取用户信息
onMounted(() => {
  fetchUserInfo();
});

// 提供最终决定的用户信息给所有子组件
provide('userInfo', userInfo);

</script>

<style scoped>
</style>
